<?php
/**
 * Created by aOmMiez
 * User: aOmMiez
 * Date: 1/29/13 AD
 * Time: 11:04 AM
 * Powered By Pla two fusion Co., Ltd
 */

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-us">
<head>
    <meta charset="utf-8">
    <meta name="viewport"   content="width=device-width,  minimum-scale=1.0, maximum-scale=1.0" />
    <title>Capsule Setting</title>
    <link rel="stylesheet" href="css/reset.css">
</head>
<body>
<style>
    /*------------------------------------*\
        $IPHONE
    \*------------------------------------*/
    @media screen and (max-device-width: 480px){
        body {
            -webkit-text-size-adjust:none;
            font-family:Helvetica, Arial, Verdana, sans-serif;
            padding:5px;
            /*background-image:url("/images/SettingBG.png");*/
            background-color: #e1e1e1;
        }

        div {
            clear:both!important;
            display:block!important;
            width:100%!important;
            float:none!important;
            margin:0!important;
            padding:0!important;
        }
        img {
            max-width:100%;
            height:auto;
        }
        .boxShadow4 {
            -moz-box-shadow: 0 0 4px #888;
            -webkit-box-shadow: 0 0 4px#888;
            box-shadow: 0 0 4px #888;
            background-color: #ffffff;
        }
        .radius4 {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            border-radius: 4px;
        }
        .height30 {
            height: 30px;
            line-height: 30px;
        }
        .textHead1 {
            font-size: 16px;
            font-weight: bolder;
            color: #636363;
        }


        input[type="checkbox"] {
            display:none;
        }

        input[type="checkbox"] + label span {
            display:inline-block;
            width:19px;
            height:19px;
            margin:-1px 4px 0 0;
            vertical-align:middle;
            background:url('/images/No2x.png') left top no-repeat;
            cursor:pointer;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
        }
        input[type="checkbox"]:checked + label span {
            background:url('/images/Yes2x.png') -19px top no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            display:inline-block;
            width:19px;
            height:19px;
            margin:-1px 4px 0 0;
            vertical-align:middle;
            background:url('/images/Yes2x.png') left top no-repeat;
            cursor:pointer;
        }
        a {

        }
    }

</style>
<div style="width: 480px">
    <div class="boxShadow4 radius4 height30"><span style="margin-left: 10px;">Facebook : test</span</div>
    <p></p>
    <div class="boxShadow4 radius4" style="height: 200px; line-height: 28px;">
        <div class="textHead1">
            <span style="margin-left: 10px;display: block;height: 50px;line-height: 60px;">Facebook Share</span>
        </div>
        <div>
            <span style="margin-left: 20px;">Capsule Drop</span>  <span style="float: right;margin-right: 30px;"><input type="checkbox" id="c1" name="cc"  />
            <label for="c1"><span></span></label></span>
        </div>
        <div>
            <span style="margin-left: 20px;">Activity</span> <span style="float: right;margin-right: 30px;"><input type="checkbox" id="c2" name="cc"  />
            <label for="c2"><span></span></label></span>
        </div>
        <div style="text-align: center;">
            <span style="margin-left:10px;font-size: 11px;">post on facebook wall on your behalf <br>( no capsule content display, except special capsule )</span>
        </div>
    </div>
    <div>
    <p></p>
    <div class="boxShadow4 radius4 height30" style="text-align: center"><span ><a href="fb://logoff">Log off Facebook</a></span</div>
</div>
</body>
</html>